<template>
	<!-- 顶部视频内容 -->
	<view class="item">
		<view class="sh">
			<view>
				<image src="../../../static/000.png" class="tp" mode="">
					<text class="wb">
						曼联客场不败场次在英超排名第二,阿森纳27次客场不败
					</text>
				</image>
			</view>
		</view>
		<view class="dhw">
			<view>
				<image src="../../../static/000.png" class="tps" style="width: 110rpx;height: 110rpx;" mode=""></image>
			</view>
			<view>
				<view class="zt">
					大河网
				</view>
				<view class="rq">
					12/14 10:53
				</view>
			</view>
			<view class="reg-right">
				+关注
			</view>
		</view>
		<view class="items">
			<view>
				<text>
					受联客场对降阿斯楼维拉，这场比赛的结果对于现阶段的受联来说影响
					并不是很大，但如果一旦量联输球，他们的同城死较曼通就将提前加死本赛季的英超冠军，
					在这样的大背景下，受联众将士自然是不愿意间接助戏死致夺冠，因此在上平场落后的情况下，
					受联在下半场发起了猛默反外，最终红魔以3-1的比分以胜了对手。
					<text>\n</text>
					由于最近一段时间受联赛程十分密集，打完罗马之后，受联又紧锣密鼓
					地来到维拉公园球场。比赛一开始，受联众球星都显得有些政意，正是这样的一种疲意状态，
					让受联在场上纪错了。在比赛进行至第23分钟的时候，而雷德的失误融成大错，特旁雷进球打破场上借局，
					丢球之后，场边的索尔斯克亚也陆入了沉思。
					<text>\n</text>
					到了下半场，曼联开启了反补模式，在下半场仅仅只进行了10分钟的时
					间，曼联就先后由费尔南德斯(点球)以及格林伍德打入两性进球将比分反超，
					随后超级替补卡瓦尼出场，在比赛临近结束的时候，卡瓦尼打入了销定胜局的进球，
					将最终场上的比分定格在了3-1。
					<text>\n</text>
					不得不说的是，本基季的受联似乎习惯了对手先进球，根据OPTA的数据统
					计，本赛季曼联在客场一共10次先被对子进球，最终红魔取得了9次逆转(9胜1平)，更重要的是，
					分，创造了单赛季球队逆转的纪录。 上主场比赛，曼联在先被进球的情况下，一具赢得了10场比赛，在落后的情况下为球队抢到了31个
					在赢得这场胜利之后，受联得他们的客场不败战绩延续到了25场，这样
					的客场不败场次在英超历史上排名第二。在曼联身前的只剩下阿森纳。在2003-04赛华两张的一4大客场不败。
					<text>\n</text>
					拿下3分之后，曼联与曼城之间的分差还有10分，由于受联少赛一轮，因
					此在理论上，曼联还有夺冠的希望，虽然说本赛季英超冠军基本上已经基本确定是受域，
					但受联如今能做的就是稳扎稳打去拿下每一场比赛。至于曼城何时加冕，站在曼联的立场，自然希望是越晚越好。
				</text>
			</view>
			<view class="jd">
				校对 刘军
			</view>
		</view>
		<view class="pt">
			<view>
				<image src="../../../static/000.png" style="width: 20rpx;height: 20rpx;" mode=""></image>
			</view>
			<view class="ptjj">
				平台声明
			</view>
		</view>
		<view class="jc">
			<view class="jcs">
				精彩推荐
			</view>
		</view>
		<view class="xw">
			<view>
				<view>
					单节24分,5个三分球!库里打疯了,半场狂胜25分
				</view>
				<view class="xwnr">
					<view class="xwnrs">
						科技狐头条
					</view>
					<view class="xwnrs">
						3737评
					</view>
				</view>
			</view>
			<view>
				<image src="../../../static/logo.png" style="width: 200rpx;height: 150rpx;border-radius: 20rpx;"
					mode=""></image>
			</view>
		</view>
		<view class="xws">
		</view>

		<view class="xw">
			<view>
				<view>
					意甲第35轮国米进攻的弱点是什么,国米进攻优势是什么
				</view>
				<view class="xwnr">
					<view class="xwnrs">
						科技狐头条
					</view>
					<view class="xwnrs">
						9677评
					</view>
				</view>
			</view>
			<view>
				<image src="../../../static/logo.png" style="width: 200rpx;height: 150rpx;border-radius: 20rpx;"
					mode=""></image>
			</view>
		</view>
		<view class="xws">
		</view>
		<view class="xws">
		</view>

		<view class="jc">
			<view class="jcs">
				我来说两句
			</view>
		</view>
		<view style="color: #c5c5c5;margin-bottom: 30rpx;margin-left: 20rpx;">
			热门评论
		</view>

		<view class="pl">
			<view>
				<image src="../../../static/000.png" style="width: 80rpx;height: 80rpx;" mode=""></image>
			</view>
			<view class="lp">
				<view class="pll">
					<view>
						<view class="ztl">
							网友872503
						</view>
						<view class="sj">
							<view class="sjs">
								2小时前
							</view>
							<view class="sjs">
								广西贵港市
							</view>
						</view>
					</view>

					<view class="pl">
						<view class="plll">
							7
						</view>
						<view class="plll">
							<image src="../../../static/000.png" style="width: 30rpx;height: 30rpx;" mode="">
							</image>
						</view>
						<view class="plll">
							<image src="../../../static/000.png" style="width: 30rpx;height: 30rpx;" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="pll">
					微笑生活,勇敢面对.
				</view>
			</view>
		</view>

		<view class="pl">
			<view>
				<image src="../../../static/000.png" style="width: 80rpx;height: 80rpx;" mode=""></image>
			</view>
			<view class="lp">
				<view class="pll">
					<view>
						<view class="ztl">
							平安379373
						</view>
						<view class="sj">
							<view class="sjs">
								3小时前
							</view>
							<view class="sjs">
								广西河池市
							</view>
						</view>
					</view>

					<view class="pl">
						<view class="plll">
							1
						</view>
						<view class="plll">
							<image src="../../../static/000.png" style="width: 30rpx;height: 30rpx;" mode="">
							</image>
						</view>
						<view class="plll">
							<image src="../../../static/000.png" style="width: 30rpx;height: 30rpx;" mode="">
							</image>
						</view>
					</view>
				</view>

				<view class="pll">
					真看不懂,理解不了.
				</view>

			</view>
		</view>

		<view class="pl">
			<view>
				<image src="../../../static/000.png" style="width: 80rpx;height: 80rpx;" mode=""></image>
			</view>
			<view class="lp">
				<view class="pll">
					<view>
						<view class="ztl">
							交友896903
						</view>
						<view class="sj">
							<view class="sjs">
								5小时前
							</view>
							<view class="sjs">
								广西柳州市
							</view>
						</view>
					</view>

					<view class="pl" style="position: relative;left: -35rpx;">
						<view class="plll">
							9
						</view>
						<view class="plll">
							<image src="../../../static/000.png" style="width: 30rpx;height: 30rpx;" mode="">
							</image>
						</view>
						<view class="plll">
							<image src="../../../static/000.png" style="width: 30rpx;height: 30rpx;" mode="">
							</image>
						</view>
					</view>
				</view>

				<view class="pll">
					不应该/应该如何面对.
				</view>
			</view>
		</view>

		<view class="xhx">
		</view>

		<!-- 底部 -->
		<view class="zdb">
			<view>
				<image src="../../../static/000.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
			</view>
			<view class="left">
				<input type="text" class="search_input" placeholder="有何观点"
					style="width: 220rpx;margin-right: 20rpx;font-size: 25rpx;">
			</view>
			<view class="jl">
				<image src="../../../static/000.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
			</view>
			<view class="jl">
				<image src="../../../static/000.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
			</view>
			<view class="jl">
				<image src="../../../static/000.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.item {
		margin-left: 15rpx;
	}

	.items {
		margin: 20rpx 20rpx 20rpx 20rpx;
	}

	.zt {
		font-size: 35rpx;
		margin-top: 10rpx;
		margin-left: 15rpx;
	}

	.rq {
		font-size: 30rpx;
		color: #b9b9b9;
		margin-top: 5rpx;
		margin-left: 15rpx;
	}

	.sh {
		margin-right: 30rpx;
	}

	.tp {
		width: 50rpx;
		height: 50rpx;
		margin: 0rpx 20rpx -10rpx 0rpx;
	}

	.sj {
		color: #c8c7cc;
		font-size: 30rpx;
		display: flex;
		flex-direction: row;
	}

	.sjs {
		margin-right: 30rpx;
		font-size: 20rpx;
		margin-top: 5rpx;
	}

	.wb {
		font-size: 40rpx;
	}

	.dhw {
		display: flex;
		flex-direction: row;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	.tps {
		width: 80rpx;
		height: 80rpx;
	}

	.a {
		margin-top: 30rpx;
		margin-right: 30rpx;
	}

	.dhb {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	.b {
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		font-weight: bold;
	}

	.reg-right {
		background-color: #dd524d;
		height: 45rpx;
		border-radius: 60rpx;
		color: #ffffff;
		width: 120rpx;
		text-align: center;
		margin-top: 30rpx;
		margin-left: 280rpx;
		font-size: 30rpx;
	}

	.jd {
		margin-top: 40rpx;
	}

	.pt {
		margin: 30rpx 20rpx 40rpx 530rpx;
		color: #d9d9d9;
		font-size: 25rpx;
		display: flex;
		flex-direction: row;
	}

	.ptjj {
		margin-left: 10rpx;
	}

	.jc {
		background-color: #f05954;
		width: 160rpx;
		color: #ffffff;
		font-size: 30rpx;
		height: 37rpx;
		margin-left: -15rpx;
		margin-bottom: 40rpx;
	}

	.jcs {
		text-align: center;
		font-size: 25rpx;
	}

	.xw {
		display: flex;
		flex-direction: row;
		margin: 20rpx 20rpx 20rpx 20rpx;
	}

	.xws {
		border-bottom: 1rpx solid #d0d0d0;
		margin-top: 20rpx;
		margin-bottom: 30rpx;
	}

	.xwnr {
		display: flex;
		flex-direction: row;
		color: #b9b9b9;
		font-size: 30rpx;
		margin-top: 10rpx;
	}

	.xwnrs {
		margin-right: 30rpx;
		font-size: 25rpx;
	}

	.pl {
		display: flex;
		flex-direction: row;
		margin-right: -300rpx;
		margin-bottom: 40rpx;
	}

	.lp {
		margin-left: -30rpx;
	}

	.pll {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		margin-left: 60rpx;
	}

	.plll {
		margin-right: 65rpx;
		color: #999999;
	}

	.xhx {
		border-bottom: 1rpx solid #c0c0c0;
		margin-bottom: 20rpx;
		margin-top: 50rpx;
		margin-left: 110rpx;
		margin-right: 20rpx;
	}

	.jz {
		color: #c0c0c0;
		margin-left: 110rpx;
		margin-bottom: 80rpx;
	}

	.zdb {
		display: flex;
		flex-direction: row;
		position: fixed;
		bottom: 0rpx;
		background-color: #ffffff;
		width: 100%;
		height: 60rpx;
	}

	.left {
		height: 10rpx;
		margin-left: 20rpx;
	}

	.search_input {
		background-color: #f8f8f8;
		border-radius: 40rpx;
		padding: 5rpx 30rpx 6rpx 30rpx;
		margin-right: 1rpx;
	}

	.jl {
		margin-left: 70rpx;
	}

	.ztl {
		font-size: 30rpx;
		color: #007aff;
		margin-top: 10rpx;
	}
</style>
